<template>
  <div class="code">
    <div class="form-header">{{title}} 
      <div>
        <RPButton optType="create" @click="Add" text="取消" />
        <RPButton optType="create" type="info" @click="Add" text="提交" />
        <!-- <RPButton optType="create" type="text" @click="Add" text="Excel导入" /> -->
      </div>
    </div>
    <div>
      <Form :model="formData" :rules="rules" ref="addformData" :label-width="120">
        <Row :gutter="10" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceName" :label="'关联表：'">
              <Select v-model="formData.serviceDomainVs.vsItemCode" clearable size="small" style="margin-left: 30px">
                <Option v-for="item in serviceDomainData" :value="item.vsiKey" :key="item.vsiKey">{{
                  item.vsiValue
                }}</Option>
              </Select>
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceDomain" :label="'业务单元：'">
              <Select v-model="formData.serviceDomainVs.vsItemCode" filterable clearable size="small" style="margin-left: 30px">
                <Option v-for="item in serviceDomainData" :value="item.vsiKey" :key="item.vsiKey">{{
                  item.vsiValue
                }}</Option>
              </Select>
            </Form-item>
          </Col>
          <Col span="12"> </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceDomain" :label="'二级组织：'">
              <Select v-model="formData.serviceDomainVs.vsItemCode" clearable size="small" style="margin-left: 30px">
                <Option v-for="item in serviceDomainData" :value="item.vsiKey" :key="item.vsiKey">{{
                  item.vsiValue
                }}</Option>
              </Select>
            </Form-item>
          </Col>
          <Col span="12"> </Col>
        </Row>
          <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceDomain" :label="'三级组织：'">
              <Select v-model="formData.serviceDomainVs.vsItemCode" clearable size="small" style="margin-left: 30px">
                <Option v-for="item in serviceDomainData" :value="item.vsiKey" :key="item.vsiKey">{{
                  item.vsiValue
                }}</Option>
              </Select>
            </Form-item>
          </Col>
          <Col span="12"> </Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">经营决策类</span></Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">业务分析</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceCode" :label="'产销经营分析辅助决策平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceCode"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'行业智库分析辅助决策平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">业务分析</span></Col>
        </Row>
        <Row :gutter="10" class="code-row-bg">
          <Col span="19">
            <Form-item prop="requestUrl" :label="' 生产经营辅助决策平台：'" class="excu_add">
              <Input v-model.trim="formData.requestUrl" :maxlength="50" :disabled="canEdit" size="small" />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">研发类</span></Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">研发管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'数字化研发管理平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'协同研发：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>

        <Row :gutter="20">
          <Col span="18"><span class="col-title">生产运营类</span></Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">生产管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'MOM：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'MES：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'基于AI的APC：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="' 工艺仿真模拟：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'熔体输送视觉监测：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">车间管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'设备管理系统(EAM)：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'设备预测性维护：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
           <Row :gutter="20">
          <Col span="18"><span class="col-title">能源管理平台</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'能源监测：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'能源分析辅助决策平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'碳中和管理平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">质量管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'LIMS（实验室管理）：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'QMS（质量管理系统）：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'发泡板AI质检：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>

        <Row :gutter="20">
          <Col span="18"><span class="col-title">安全管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'HSE安全管理平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'智能安防机器人：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'热媒泄露监测：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
            <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'智慧园区功能一期：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
            <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'智慧园区功能二期：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>

        <Row :gutter="20">
          <Col span="18"><span class="col-title">仓储管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'自动打包投料：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'立体仓库/AGV：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'智能仓储系统：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>

        <Row :gutter="20">
          <Col span="18"><span class="col-title">业务运营类</span></Col>
        </Row>
        <Row :gutter="20">
          <Col span="18"><span class="col-title">物流管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'智慧调度平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'物流一卡通：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>

        <Row :gutter="20">
          <Col span="18"><span class="col-title">采购管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'SRM：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'金融衍生业务信息管理系统：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'智能合同管理 ：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>

        <Row :gutter="20">
          <Col span="18"><span class="col-title">销售管理</span></Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'CRM：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'线上营销平台：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="20" class="code-row-bg">
          <Col span="18">
            <Form-item prop="serviceVersion" :label="'订单协同平台 ：'">
              <Input
                class="input_box"
                v-model.trim="formData.serviceVersion"
                :maxlength="50"
                :disabled="canEdit"
                size="small"
              />
            </Form-item>
          </Col>
        </Row>
      </Form>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  name: 'createPageOne',
  data() {

    return {
      formData: {}
    }
  },
 
  watch: {},
  directives: {}
}
</script>
<style lang="less" scoped>
.code {
  padding-left: 20px;
  .code-row-bg {
    .marginLfet {
      margin-left: 10px;
    }
  }
}
.title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}
.input_box {
  margin-left: 30px;
}
.excu_add {
  margin-left: 25px;
}
/deep/.excu_ovti {
  margin-left: 40px;
}
.excu_qps {
  margin-left: 10px;
}
// .append {
//   border: 0 !important;
//   background: white;
// }
.col-title {
  display: block;
  font-size: 16px;
  color: #12151B;
  font-weight: 500;
  padding-left: 4px;
  &:before {
    display: inline-block;
    width: 2px;
    height: 16px;
    background: #FF7B0F;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
  }
}
</style>


